<!-- 完善资料 -->
<template>
	<view class="page-datumh">
		<view class="error" v-if="no_tis&&state==2">
			提示:{{no_tis}}
		</view>
		<view class="error" style="color: green;" v-if="no_tis&&state==0">
			提示:审核中
		</view>
		<view class="title-box">
			<text class="title"></text><text class="text">基本信息</text>
		</view>
		<view class="list-box">
			<view :class="isBusiness? 'item-box-no' : 'item-box'">
				<view class="let-box">
					<text class="name">营业执照</text><text style="color: red;">*</text>
				</view>
				<view class="right-box" style="text-align: right;">
					<text>上传营业执照，保证真实性</text>
					<view class="license-no" v-if="!from.license" @click="addImgebnt()">
						<text>+</text>
					</view>
					<image :src="from.license" class="license" style="margin-left: auto;" v-else @click="addImgebnt()"></image>
				</view>
			</view>
			<view :class="isName ? 'item-box-no':'item-box'" @click="isName = false">
				<view class="let-box">
					<text class="name">雇主全称</text><text style="color: red;">*</text>
				</view>
				<view class="right-box" style="margin-right: 80rpx;">
					<input border='none' v-model="from.name" inputAlign='right' placeholder="请输入雇主全称" />
				</view>
			</view>
			<view :class="isNature ? 'item-box-no' : 'item-box'" @click="natureShow = true">
				<view class="let-box">
					<text class="name">雇主性质</text><text style="color: red;">*</text>
				</view>
				<view class="right-box">
					<picker style="width: 100%;text-align: right;" @change="natureBnt" :range-key="'title'" :value="from.nature" :range="natureList">
						<view>{{from.nature}}</view>
					</picker>
					<view class="iconfont fontclassarrow_right">
					</view>
				</view>
			</view>
			<view :class="isScale ? 'item-box-no' : 'item-box'" @click="scaleShow = true">
				<view class="let-box">
					<text class="name">雇主规模</text><text style="color: red;">*</text>
				</view>
				<view class="right-box">
					<picker style="width: 100%;text-align: right;" @change="scaleBnt" :range-key="'title'" :value="from.scale" :range="scaleList">
						<view>{{from.scale}}</view>
					</picker>
					<view class="iconfont fontclassarrow_right">
					</view>
				</view>
			</view>
			<view :class="isWelfare ? 'item-box-no' : 'item-box'" @click="isWelfare = false">
				<view class="let-box" style="width: 150rpx;">
					<text class="name">福利待遇</text><text style="color: red;">*</text>
				</view>
				<view class="right-box" @tap="welfare = true">
					<!-- <picker :show="welfareShow" @cancel="welfareShow = false" keyName="title" :columns="welfareList" @confirm='welfareBnt'></picker> -->
					<text style="margin-right: 20rpx; width: 500rpx;text-align: right;">{{welfare_name}}</text>
					<view class="iconfont fontclassarrow_right">
					</view>
				</view>
			</view>
			<view :class="isRegion ? 'item-box-no' : 'item-box'" @click="regionShow = true">
				<view class="let-box">
					<text class="name">所在地区</text><text style="color: red;">*</text>
				</view>
				<view class="right-box">
					<picker style="width: 100%;text-align: right;" @change="regionBnt" :range-key="'title'" :value="from.region" :range="regionList">
						<view>{{from.region}}</view>
					</picker>
					<!-- <picker :show="regionShow" @cancel="regionShow = false" keyName="title" :columns="regionList" @confirm='regionBnt'></picker>
					<text style="margin-right: 20rpx;">{{from.region}}</text> -->
					<view class="iconfont fontclassarrow_right">
					</view>
				</view>
			</view>
			<view :class="isSite ? 'item-box-no' :'item-box'" @click="get_address">
				<view class="let-box" style="text-align: right;">
					<text class="name">地址</text><text style="color: red;">*</text>
				</view>
				<view class="right-boxaddress">
					<text style="margin-right: 20rpx;">{{from.address || "请选择地址"}}</text>
					<view class="iconfont fontclassarrow_right">
					</view>
				</view>
			</view>
			<view class="item-box">
				<view class="let-box">
					<text class="name">详细地址</text>
				</view>
				<view class="right-box" style="margin-right: 80rpx;">
					<input border='none' v-model="from.site" inputAlign='right' placeholder="请输入详细地址" />
				</view>
			</view>
			<view :class="isPhone ? 'item-box-no' : 'item-box'" @click="isPhone = false">
				<view class="let-box">
					<text class="name">联系电话</text><text style="color: red;">*</text>
				</view>
				<view class="right-box" style="margin-right: 80rpx;">
					<input border='none' v-model="from.phone" inputAlign='right' placeholder="请输入联系电话" />
				</view>
			</view>
			<view :class="isIntroduction ? 'item-box-no' : 'item-box'" style="border-bottom: none;" @click="isIntroduction = false">
				<view class="let-box">
					<text class="name">雇主简介</text><text style="color: red;">*</text>
				</view>
			</view>
			<view class="isIntroduction" @click="isIntroduction = false">
				<!-- <view class="box">
					<cover-view>
						<-textarea class="text" v-model="from.introduction" border="none" :placeholder="introductionNo" height="300rpx" ></-textarea>
					</cover-view>
				</view> -->
				<view style="height: 300rpx; background: #ffffff;width: 100vw;padding: 0 39rpx;">
					<view style="height: 300rpx;" v-if="natureShow || scaleShow || isWelfare || isRegion ">
						<text style="color: #c0c4cc;" v-if="from.introduction == ''">{{placeholder}}</text>
						<text v-else>{{from.introduction}}</text>
					</view>
					<view v-else style="width: 100%;">
						<textarea v-model="from.introduction" maxlength="-1" height="300rpx" style="width: 100%;" :placeholder="placeholder" placeholderStyle="color: #c0c4cc" border='none'></textarea>
					</view>
				</view>
			</view>
		</view>
		<view class="save-box">
			<view class="bnt" @click="saveBnt()">
				保存
			</view>

		</view>
		<MultipleSelect v-model="welfare" :data="welfare_arr" :default-selected="welfare_ids" label-name="title" value-name="id" @confirm="ok_welfare"></MultipleSelect>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
	@import 'page.scss';
</style>
